<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Raqba - Real Estate HTML Template | Home Page 03</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--Color Switcher Mockup-->
<link href="css/color-switcher-design.css" rel="stylesheet">

<!--Color Themes-->
<link id="theme-color-file" href="css/color-themes/default-theme.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"></div>
    
    <!-- Main Header-->
    <div th:include="header :: headname"></div>
        <!--End Header Lower-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html" title=""><img src="images/icons/empty.png" data-src="images/logo-small.png" alt="" title=""></a>
                </div>
                <!--Right Col-->
                <div class="nav-outer pull-right">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                    
                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-lg">
                        <div class="navbar-collapse collapse clearfix">
                             <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
                        </div>
                    </nav><!-- Main Menu End-->
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="images/icons/empty.png" data-src="images/logo.png" alt="" title=""></a></div>
                
                <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
            </nav>
        </div><!-- End Mobile Menu -->
    </header>
    <!--End Main Header -->

    <!-- Property Search Section Two -->
    <section class="property-search-section-three" style="background-image: url(images/main-slider/3.jpg);">
        <div class="auto-container">
            <div class="content-box">
                <div class="title-box">
                    <h4>We have over million properties for you</h4>
                    <h2>Find <span>Property</span> For Your Perfect Home</h2>
                </div>

                <div class="property-search-form style-three">
                    <form method="post" action="index.html">
                        <div class="row no-gutters">
                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <select class="custom-select-box">
                                    <option>Location</option>
                                    <option>New York</option>
                                    <option>Los Angeles</option>
                                    <option>Chicago</option>
                                    <option>Houston</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <select class="custom-select-box">
                                    <option>Property Type</option>
                                    <option>Residential</option>
                                    <option>Commercial</option>
                                    <option>Industrial</option>
                                    <option>Apartments</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <select class="custom-select-box">
                                    <option>Property Status</option>
                                    <option>For Rent</option>
                                    <option>For Sale</option>
                                </select>
                            </div>


                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <select class="custom-select-box">
                                    <option>Any Bedrooms</option>
                                    <option>01 Bedroom</option>
                                    <option>02 Bedrooms</option>
                                    <option>03 Bedrooms</option>
                                    <option>04 Bedrooms</option>
                                    <option>05 Bedrooms</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <select class="custom-select-box">
                                    <option>Any Bathrooms</option>
                                    <option>01 Bathroom</option>
                                    <option>02 Bathrooms</option>
                                    <option>03 Bathrooms</option>
                                    <option>04 Bathrooms</option>
                                    <option>05 Bathrooms</option>
                                </select>
                            </div>

                            <!-- Form Group -->
                            <div class="form-group col-lg-2 col-md-6 col-sm-12">
                                <button type="submit" class="theme-btn btn-style-two"><span class="btn-title">Search</span></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!--End Property Search Section Two -->    

    <!-- What We Do -->
    <section class="what-we-do">
        <div class="auto-container">
            <div class="sec-title">
                <div class="devider"><span></span></div>
                <h2>What we Do</h2>
                <div class="text">We Give You The Best</div>
            </div>

            <div class="row">
                <!-- Feature Column -->
                <div class="features-column col-lg-8 col-md-12 col-sm-12">
                    <div class="row">
                        <!-- Feature BLock Three -->
                        <div class="feature-block-three col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-architecture-and-city"></span>   
                                <h3>Buy any property</h3>
                                <div class="text">See the biggest gift would be from me that card will say thanks to you.</div>
                            </div>
                        </div>

                        <!-- Feature BLock Three -->
                        <div class="feature-block-three col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                            <div class="inner-box">
                                <span class="icon flaticon-architecture-and-city"></span>   
                                <h3>sell your property</h3>
                                <div class="text">if not for the courage of the fearless crew the Minnow would be lost.</div>
                            </div>
                        </div>

                        <!-- Feature BLock Three -->
                        <div class="feature-block-three col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                            <div class="inner-box">
                                <span class="icon flaticon-house-3"></span>   
                                <h3>financial guidance</h3>
                                <div class="text">See the biggest gift would be from me that card will say thanks to you.</div>
                            </div>
                        </div>

                        <!-- Feature BLock Three -->
                        <div class="feature-block-three col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                            <div class="inner-box">
                                <span class="icon flaticon-support-1"></span>   
                                <h3>customer support</h3>
                                <div class="text">if not for the courage of the fearless crew the Minnow would be lost.</div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Image Column -->
                <div class="image-column col-lg-4 col-md-12 coll-sm-12">
                    <div class="image-box">
                        <figure class="image image-1 wow zoomIn"><img src="images/icons/empty.png" data-src="images/resource/what-we-do-1.jpg" alt=""></figure>
                        <figure class="image image-2 wow zoomIn" data-wow-delay="400ms"><img src="images/icons/empty.png" data-src="images/resource/what-we-do-2.jpg" alt=""></figure>
                        <figure class="image image-3 wow zoomIn" data-wow-delay="800ms">
                            <img src="images/icons/empty.png" data-src="images/resource/what-we-do-3.jpg" alt="">
                            <figcaption><span class="icon far fa-lightbulb"></span> <h4>Experts Suggestion</h4></figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End What We Do -->

    <!-- Modern Properties -->
    <section class="modern-properties">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>Modron Properties</h2>
                <div class="text">Find Your House In Your City Now.</div>
            </div>

            <div class="single-item-carousel owl-carousel owl-theme">
                <!-- Modern Property -->
                <div class="modern-property">
                    <div class="row">
                        <!-- Image Column -->
                        <div class="image-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="image-box">
                                    <figure class="image"><a href="images/resource/modern-property-1.jpg" class="lightbox-image"><img src="images/icons/empty.png" data-src="images/resource/modern-property-1.jpg" alt=""></a></figure>
                                    <ul class="property-options">
                                        <li data-tooltip="About"><a href="#"><span class="fa fa-book"></span></a></li>
                                        <li data-tooltip="Compare"><a href="#"><span class="fa fa-equals"></span></a></li>
                                        <li data-tooltip="Image"><a href="#"><span class="fa fa-image"></span></a></li>
                                        <li data-tooltip="Video"><a href="#"><span class="fa fa-film"></span></a></li>
                                        <li data-tooltip="Like"><a href="#"><span class="fa fa-heart"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Content Column -->
                        <div class="content-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="status">For Sale</div>
                                <h3>Commercial Farm Street For Sale</h3>
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span>London, United Kingdom</div>
                                <div class="text">His two bedroom second floor apartment forms part of a refurbished modern development and is completed to the highest standards. The accommodation comprises of two double bedrooms, spacious open plan lounge leading to a dining kitchen and bathroom. Benefits include gas central heating, double glazing, secure entry system, landscaped gardens and residents' car parking . This property to purchase superior quality accommodation at a greatly reduced. </div>
                                <ul class="property-info">
                                    <li> <span class="icon flaticon-bedroom-1"></span> Bedroom <br> 3 </li>
                                    <li> <span class="icon flaticon-bathtub"></span> Bathroom <br> 2 </li>
                                    <li> <span class="icon flaticon-garage-1"></span> Garage <br> 2 </li>
                                    <li> <span class="icon flaticon-grid"></span> Sq Ft <br> 12,000 </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modern Property -->
                <div class="modern-property">
                    <div class="row">
                        <!-- Image Column -->
                        <div class="image-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="image-box">
                                    <figure class="image"><a href="images/resource/modern-property-1.jpg" class="lightbox-image"><img src="images/icons/empty.png" data-src="images/resource/modern-property-1.jpg" alt=""></a></figure>
                                    <ul class="property-options">
                                        <li data-tooltip="About"><a href="#"><span class="fa fa-book"></span></a></li>
                                        <li data-tooltip="Compare"><a href="#"><span class="fa fa-equals"></span></a></li>
                                        <li data-tooltip="Image"><a href="#"><span class="fa fa-image"></span></a></li>
                                        <li data-tooltip="Video"><a href="#"><span class="fa fa-film"></span></a></li>
                                        <li data-tooltip="Like"><a href="#"><span class="fa fa-heart"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Content Column -->
                        <div class="content-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="status">For Sale</div>
                                <h3>Commercial Farm Street For Sale</h3>
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span>London, United Kingdom</div>
                                <div class="text">His two bedroom second floor apartment forms part of a refurbished modern development and is completed to the highest standards. The accommodation comprises of two double bedrooms, spacious open plan lounge leading to a dining kitchen and bathroom. Benefits include gas central heating, double glazing, secure entry system, landscaped gardens and residents' car parking . This property to purchase superior quality accommodation at a greatly reduced. </div>
                                <ul class="property-info">
                                    <li> <span class="icon flaticon-bedroom-1"></span> Bedroom <br> 3 </li>
                                    <li> <span class="icon flaticon-bathtub"></span> Bathroom <br> 2 </li>
                                    <li> <span class="icon flaticon-garage-1"></span> Garage <br> 2 </li>
                                    <li> <span class="icon flaticon-grid"></span> Sq Ft <br> 12,000 </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modern Property -->
                <div class="modern-property">
                    <div class="row">
                        <!-- Image Column -->
                        <div class="image-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="image-box">
                                    <figure class="image"><a href="images/resource/modern-property-1.jpg" class="lightbox-image"><img src="images/icons/empty.png" data-src="images/resource/modern-property-1.jpg" alt=""></a></figure>
                                    <ul class="property-options">
                                        <li data-tooltip="About"><a href="#"><span class="fa fa-book"></span></a></li>
                                        <li data-tooltip="Compare"><a href="#"><span class="fa fa-equals"></span></a></li>
                                        <li data-tooltip="Image"><a href="#"><span class="fa fa-image"></span></a></li>
                                        <li data-tooltip="Video"><a href="#"><span class="fa fa-film"></span></a></li>
                                        <li data-tooltip="Like"><a href="#"><span class="fa fa-heart"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Content Column -->
                        <div class="content-column col-lg-6 col-md-12 col-sm-12">
                            <div class="inner-column">
                                <div class="status">For Sale</div>
                                <h3>Commercial Farm Street For Sale</h3>
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span>London, United Kingdom</div>
                                <div class="text">His two bedroom second floor apartment forms part of a refurbished modern development and is completed to the highest standards. The accommodation comprises of two double bedrooms, spacious open plan lounge leading to a dining kitchen and bathroom. Benefits include gas central heating, double glazing, secure entry system, landscaped gardens and residents' car parking . This property to purchase superior quality accommodation at a greatly reduced. </div>
                                <ul class="property-info">
                                    <li> <span class="icon flaticon-bedroom-1"></span> Bedroom <br> 3 </li>
                                    <li> <span class="icon flaticon-bathtub"></span> Bathroom <br> 2 </li>
                                    <li> <span class="icon flaticon-garage-1"></span> Garage <br> 2 </li>
                                    <li> <span class="icon flaticon-grid"></span> Sq Ft <br> 12,000 </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Modern Properties -->

    <!-- Property Section Three  -->
    <section class="property-section-three">
        <div class="auto-container">

            <!--MixitUp Galery-->
            <div class="mixitup-gallery">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12">            
                        <div class="sec-title">
                            <div class="devider"><span></span></div>
                            <h2>Recent Properties</h2>
                            <div class="text">Find Your Dream House in Your City</div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12 col-sm-12">
                        <!--Filter-->
                        <div class="filters clearfix">
                            <ul class="filter-tabs filter-btns clearfix">
                                <li class="active filter" data-role="button" data-filter="all">All</li>
                                <li class="filter" data-role="button" data-filter=".appartment">Appartment</li>
                                <li class="filter" data-role="button" data-filter=".house">House</li>
                                <li class="filter" data-role="button" data-filter=".villa">Villa</li>
                                <li class="filter" data-role="button" data-filter=".form">Form</li>
                                <li class="filter" data-role="button" data-filter=".restaurent">Restaurent</li>
                            </ul>
                        </div>
                    </div>
                </div>
                                        
                <div class="filter-list row">
                    <!-- Property Block -->
                    <div class="property-block-two all mix villa appartment col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-1.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">Trentino-Alto Adige</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Block -->
                    <div class="property-block-two all mix house form restaurent col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-2.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">Friuli-Venezia Giulia</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Block -->
                    <div class="property-block-two all mix villa house col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-3.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">San Marino</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Block -->
                    <div class="property-block-two all mix appartment form col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-4.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">Trentino-Alto Adige</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Block -->
                    <div class="property-block-two all mix villa house restaurent col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-5.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">Friuli-Venezia Giulia</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Block -->
                    <div class="property-block-two all mix appartment restaurent form col-xl-4 col-lg-6 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><a href="property-detail.html"><img src="images/icons/empty.png" data-src="images/resource/property-6.jpg" alt=""></a></figure>
                                <span class="for">FOR SALE</span>
                            </div>
                            <div class="lower-content">
                                <ul class="property-info clearfix">
                                    <li><span class="icon fa fa-expand"></span> Sq Ft 12,000</li>
                                    <li><span class="icon fa fa-bed"></span> Bedroom 3</li>
                                    <li><span class="icon fa fa-bath"></span> Bathroom 2</li>
                                </ul>
                                <h3><a href="property-detail.html">San Marino</a></h3>
                                <div class="text">Join the 350,000 daily users who have relied on Movoto to find the perfect home. </div>
                            </div>
                            <div class="property-price clearfix">
                                <div class="location"><span class="icon fa fa-map-marker-alt"></span> 568 E 1st Ave, Ney Jersey</div>
                                <div class="price">$ 765,300</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Property Section Three -->

    <!-- Agents Section Two -->
    <section class="agents-section-two">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>Meet Our Agents</h2>
                <div class="text">Raqba Real Estate Meet Agents</div>
            </div>
            <div class="carousel-outer">
                <div class="agents-carousel-two owl-carousel owl-theme">
                    <!-- Agent Block -->
                    <div class="agent-block-two">
                        <div class="row">
                            <div class="image-column col-lg-5 col-md-12 col-sm-12 order-2">
                                <div class="image-box">
                                    <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/agent-4.jpg" alt=""></figure>
                                </div>
                            </div>
                            <div class="content-column col-lg-7 col-md-12 col-sm-12">
                                <div class="inner-column clearfix">
                                    <h3 class="name">Anita Mona</h3>
                                    <span class="designation">Agent - Raqba Real Estate</span>
                                    <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div>
                                    <ul class="contact-info">
                                        <li><span class="icon fa fa-phone-volume"></span><a href="#">(+12) 345 678 901</a></li>
                                        <li><span class="icon fa fa-envelope"></span><a href="#">anitamona@raqba.com</a></li>
                                        <li><span class="icon fa fa-map-marker-alt"></span><a href="#">Street 8th S.W., Washington, DC 20410</a></li>
                                    </ul>
                                    <ul class="follow-us social-icon-colored clearfix">
                                        <li class="title">Follow Me :</li>
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                    <div class="btn-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">Read More</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Agent Block -->
                    <div class="agent-block-two">
                        <div class="row">
                            <div class="image-column col-lg-5 col-md-12 col-sm-12 order-2">
                                <div class="image-box">
                                    <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/agent-4.jpg" alt=""></figure>
                                </div>
                            </div>
                            <div class="content-column col-lg-7 col-md-12 col-sm-12">
                                <div class="inner-column clearfix">
                                    <h3 class="name">Anita Mona</h3>
                                    <span class="designation">Agent - Raqba Real Estate</span>
                                    <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div>
                                    <ul class="contact-info">
                                        <li><span class="icon fa fa-phone-volume"></span><a href="#">(+12) 345 678 901</a></li>
                                        <li><span class="icon fa fa-envelope"></span><a href="#">anitamona@raqba.com</a></li>
                                        <li><span class="icon fa fa-map-marker-alt"></span><a href="#">Street 8th S.W., Washington, DC 20410</a></li>
                                    </ul>
                                    <ul class="follow-us social-icon-colored clearfix">
                                        <li class="title">Follow Me :</li>
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                    <div class="btn-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">Read More</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Agent Block -->
                    <div class="agent-block-two">
                        <div class="row">
                            <div class="image-column col-lg-5 col-md-12 col-sm-12 order-2">
                                <div class="image-box">
                                    <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/agent-4.jpg" alt=""></figure>
                                </div>
                            </div>
                            <div class="content-column col-lg-7 col-md-12 col-sm-12">
                                <div class="inner-column clearfix">
                                    <h3 class="name">Anita Mona</h3>
                                    <span class="designation">Agent - Raqba Real Estate</span>
                                    <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </div>
                                    <ul class="contact-info">
                                        <li><span class="icon fa fa-phone-volume"></span><a href="#">(+12) 345 678 901</a></li>
                                        <li><span class="icon fa fa-envelope"></span><a href="#">anitamona@raqba.com</a></li>
                                        <li><span class="icon fa fa-map-marker-alt"></span><a href="#">Street 8th S.W., Washington, DC 20410</a></li>
                                    </ul>
                                    <ul class="follow-us social-icon-colored clearfix">
                                        <li class="title">Follow Me :</li>
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                    <div class="btn-box"><a href="#" class="theme-btn btn-style-one"><span class="btn-title">Read More</span></a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
    <!--End Agents Section Two -->

    <!-- Pricing Sectioin -->
    <section class="pricing-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>What Our Price Plan</h2>
                <div class="text">Find Your Dream House in Your City</div>
            </div>

            <div class="row">
                <!-- Pricing Table -->
                <div class="pricing-table col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                    <div class="inner-box">
                        <div class="title">Standard</div>
                        <div class="price-box">
                            <div class="price"> <span>$</span>27<sub>/ mo</sub> </div>
                        </div>

                        <div class="table-content">
                            <ul>
                                <li>3 Month Membership </li>
                                <li>1 Property Allowed </li>
                                <li>No Featured Property </li>
                                <li>24/7 Support </li>
                                <li>2 Free Listing </li>
                            </ul>
                        </div>
                        <div class="table-footer">
                            <a href="#" class="theme-btn btn-style-one"><span class="btn-title">Get Started</span></a>
                        </div>
                    </div>
                </div>

                <!-- Pricing Table -->
                <div class="pricing-table col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                    <div class="inner-box">
                        <div class="title">Business</div>
                        <div class="price-box">
                            <div class="price"> <span>$</span>49<sub>/ mo</sub> </div>
                        </div>

                        <div class="table-content">
                            <ul>
                                <li>3 Month Membership </li>
                                <li>1 Property Allowed </li>
                                <li>No Featured Property </li>
                                <li>24/7 Support </li>
                                <li>2 Free Listing </li>
                            </ul>
                        </div>
                        <div class="table-footer">
                            <a href="#" class="theme-btn btn-style-one"><span class="btn-title">Get Started</span></a>
                        </div>
                    </div>
                </div>

                <!-- Pricing Table -->
                <div class="pricing-table col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                    <div class="inner-box">
                        <div class="title">Premium</div>
                        <div class="price-box">
                            <div class="price"> <span>$</span>77<sub>/ mo</sub> </div>
                        </div>

                        <div class="table-content">
                            <ul>
                                <li>3 Month Membership </li>
                                <li>1 Property Allowed </li>
                                <li>No Featured Property </li>
                                <li>24/7 Support </li>
                                <li>2 Free Listing </li>
                            </ul>
                        </div>
                        <div class="table-footer">
                            <a href="#" class="theme-btn btn-style-one"><span class="btn-title">Get Started</span></a>
                        </div>
                    </div>
                </div>

                <!-- Pricing Table -->
                <div class="pricing-table col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1200ms">
                    <div class="inner-box">
                        <div class="title">UnlTimate</div>
                        <div class="price-box">
                            <div class="price"> <span>$</span>97<sub>/ mo</sub> </div>
                        </div>

                        <div class="table-content">
                            <ul>
                                <li>3 Month Membership </li>
                                <li>1 Property Allowed </li>
                                <li>No Featured Property </li>
                                <li>24/7 Support </li>
                                <li>2 Free Listing </li>
                            </ul>
                        </div>
                        <div class="table-footer">
                            <a href="#" class="theme-btn btn-style-one"><span class="btn-title">Get Started</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Pricing Section -->

    <!-- Testimonial Section -->
    <section class="testimonial-section alternate">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>What Our Client Says</h2>
                <div class="text">Find Your Dream House in Your City</div>
            </div>

            <div class="testimonial-carousel owl-carousel owl-theme">
                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>

                <!-- Testimonial Block -->
                <div class="testimonial-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/testi-thumb-2.jpg" alt=""></figure>
                        </div>
                        <div class="content-box">
                            <span class="designation">Business Preson</span>
                            <h4 class="name">John Doe</h4>
                            <div class="text">Today we can tell you, thanks to your passion, hard work creativity, and expertise, you delivered us the most beautiful house great looks.</div>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Testimonial Section -->

    <!-- News Section -->
    <section class="news-section-two">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="devider"><span></span></div>
                <h2>Our News & Artical</h2>
                <div class="text">All About Latest Raqba Updates</div>
            </div>
            <div class="row">
                <!-- News BLock Two -->
                <div class="news-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/news-3.jpg" alt=""></a></figure>
                            <div class="overlay-box"><a href="blog-detail.html"><span class="fa fa-plus"></span></a></div>
                        </div>
                        <div class="lower-content">
                            <h3><a href="blog-detail.html">Do You Know How Home Value For This Action.</a></h3>
                            <ul class="post-info">
                                <li>23 June 2019</li>
                                <li>0 Comments</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- News Block -->
                <div class="news-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/news-4.jpg" alt=""></a></figure>
                            <div class="overlay-box"><a href="blog-detail.html"><span class="fa fa-plus"></span></a></div>
                        </div>
                        <div class="lower-content">
                            <h3><a href="blog-detail.html">An Open Letter To Real Estate Tech Founders</a></h3>
                            <ul class="post-info">
                                <li>29 Feb 2019</li>
                                <li>0 Comments</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- News BLock -->
                <div class="news-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/news-5.jpg" alt=""></a></figure>
                            <div class="overlay-box"><a href="blog-detail.html"><span class="fa fa-plus"></span></a></div>
                        </div>
                        <div class="lower-content">
                            <h3><a href="blog-detail.html">Residential guide to heating ventilat & air</a></h3>
                            <ul class="post-info">
                                <li>12 March 2019</li>
                                <li>0 Comments</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End News Section -->

    <!--Clients Section-->
    <section class="clients-section">
        <div class="auto-container">
            <div class="sponsors-outer">
                <!--Sponsors Carousel-->
                <ul class="sponsors-carousel owl-carousel owl-theme">
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Clients Section-->

    <!-- Main Footer -->
    <div th:include="footer :: footname"></div>
    <!-- End Main Footer -->

</div>
<!-- End Page Wrapper -->

<!-- Color Palate / Color Switcher -->
<div class="color-palate">
    <div class="color-trigger">
        <i class="fa fa-cog"></i>
    </div>
    <div class="color-palate-head">
        <h6>Choose Your Color</h6>
    </div>
    <div class="various-color clearfix">
        <div class="colors-list">
            <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span>
            <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span>
            <span class="palate blue-color" data-theme-file="css/color-themes/blue-theme.css"></span>
            <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span>
            <span class="palate purple-color" data-theme-file="css/color-themes/purple-theme.css"></span>
            <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span>
            <span class="palate brown-color" data-theme-file="css/color-themes/brown-theme.css"></span>
            <span class="palate redd-color" data-theme-file="css/color-themes/redd-color.css"></span>
        </div>
    </div>
    
    <div class="palate-foo">
        <span>You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.</span>
    </div>
</div><!-- End Color Switcher -->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/appear.js"></script>
<script src="js/script.js"></script>
<!-- Color Setting -->
<script src="js/color-settings.js"></script>
</body>
</html>